<template>
  <div class="app-container">
    <el-tabs v-model="activeTab" type="card">
      <el-tab-pane label="题目统计" name="question">
        <question-stat-panel v-if="activeTab === 'question'" />
      </el-tab-pane>
      <el-tab-pane label="试卷统计" name="paper">
        <paper-stat-panel v-if="activeTab === 'paper'" />
      </el-tab-pane>
      <el-tab-pane label="考试统计" name="exam">
        <exam-stat-panel v-if="activeTab === 'exam'" />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script>
import ExamStatPanel from './components/ExamStatPanel'
import PaperStatPanel from './components/PaperStatPanel'
import QuestionStatPanel from './components/QuestionStatPanel'

export default {
  name: 'StatDashboard',
  components: {
    ExamStatPanel,
    PaperStatPanel,
    QuestionStatPanel
  },
  data() {
    return {
      activeTab: 'question'
    }
  }
}
</script>
